<c:if test="${!empty sessionScope.myList}">
    <div class="pet-favorite">Pet Favorite</div>

        <c:forEach var="product" items="${sessionScope.myList}">
            <div class="pet-item">
                <div class="pet-img">
                    <a href="productForm?productId=${product.productId}">
                            ${product.description.substring(0, product.description.indexOf(">"))} class="product-img">
                    </a>
                </div>
                <div class="pet-name">
                    <a href="productForm?productId=${product.productId}" class="pet-name-font">
                            ${product.name}
                    </a>
                </div>
                <div class="pet-id">
                    <a href="productForm?productId=${product.productId}" class="pet-id-font">
                        (${product.productId})
                    </a>
                </div>
            </div>

        </c:forEach>

</c:if>